<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.list{
				width: 300px;
				height: 240px;
				border: 1px solid #000000;
				position: relative;
			}
			.list .item{
				height: 80px;
				width: 100%;
				background-color: cadetblue;
				border: 1px solid #005FA4;
				position: absolute;
			}
			.list #item1{
				top: 0px;
				left: 0px;
			}
			.list #item2{
				top: 80px;
				left: 0px;
			}
			.list #item3{
				top: 160px;
				left: 0px;
			}
		</style>
	</head>
	<body>
		<div class="list">
			<div class="item" id="item1">
				<img width="60px" src="icon/办理人.png" >
			</div>
			<div class="item" id="item2">
				<img width="60px"  src="icon/审批人.png" >
			</div>
			<div class="item" id="item3">
				<img width="60px"  src="icon/条件分支.png" >
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	var item1 = document.getElementById("item1");
	
	var inte = setInterval(()=>{
	    const rect = item1.getBoundingClientRect();
	    console.log("最新高度:", rect.top);
	    item1.style.top = (rect.top + 0);
	}, 200)

</script>
